<!DOCTYPE html>
<html lang="zh-CN">
<head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <title>temp2</title>
    <link href="https://cdn.jsdelivr.net/npm/bootstrap@3.3.7/dist/css/bootstrap.min.css" rel="stylesheet">
    <style>
        * {
            padding: 0;
            margin: 0;
        }
        a {
            text-decoration: none;
        }
        .top-bar {
            width: 100%;
            height: 20px;
        }
        .page-header {
            width: 100%;
            margin-top: 10px;
            height: 142px;
            background-color: #0897D9;
        }
        .header-left {
            width: 50%;
            height: 20px;
            margin-top: 7px;
            float: left;
            position: relative;
            left: 21%;
        }
        .header-left ul li {
            list-style: none;
            float: left;
        }
        .header-right {
            width: 30%;
            height: 20px;
            float: right;
            margin-top: 7px;
            position: relative;
            /*left: 21%;*/
        }
        .header-right ul li {
            list-style: none;
            float: left;
        }
        .top-link {
            text-decoration: none;
            margin-right: 15px;
        }
        .col-md-1 {
            padding: 0;
            margin: auto;
        }
        .row {
            margin: auto;
        }
        .logo {
            margin-left: 9%;
            margin-top: -30px;
        }
        .page-header {
            margin-bottom: 0;
        }
        .slides {
            height: 100%;
            /*margin-top: 20px;*/
        }
        .container {
            width: 100%;
        }
        .table-container {
            margin: 30px auto;
        }
        .col-md-4 {
            padding-left: 7px;
            padding-right: 7px;
        }
        .table-row {
            display: flex;
            justify-content: space-between;
        }
        .bottom {
            margin-top: 15px;
            margin-bottom: 15px;
            width: 100%;
            text-align: center;
        }
        .link .col-md-1 {
            /*width: 100%;*/
            text-align: center;
        }
        .link .col-md-2 {
            text-align: center;
        }
        .link div a {
            text-decoration: none;
        }
        .notice {
            padding: 0;
            margin: 2px;
            text-align: center;
            width: 70px;
        }
        .tag {
            width: 70px;
            height: 23px;
            line-height: 23px;
            text-align: center;
            color: white;
            background: #009FDE;
            position: relative;
            -moz-border-radius:    4px;
            -webkit-border-radius: 4px;
            border-radius:         4px;
        }
        .tag:before {
            content:"";
            position: absolute;
            top: 100%;
            right: 50%;
            width: 0;
            height: 0;
            border-top: 6px solid #009FDE;
            border-right: 5px solid transparent;
            border-left: 5px solid transparent;
        }
        .tag-title {
            width: 65px;
            height: 30px;
            line-height: 30px;
            text-align: center;
            color: white;
            background: #009FDE;
            position: relative;
            -moz-border-radius:    4px;
            -webkit-border-radius: 4px;
            border-radius:         4px;
        }
        .list-group-item {
            display: inline-block;
            white-space: nowrap;
            width: 100%;
            overflow: hidden;
            text-overflow:ellipsis;
        }
    </style>
</head>
<body>
<!--头部-->
<header>
    <nav class="top-bar">
        <div class="header-left">
            <ul>
                <li class=""><a href="" class="top-link">学生</a></li>
                <li class=""><a href="" class="top-link">教职工</a></li>
                <li class=""><a href="" class="top-link">校友</a></li>
                <li class=""><a href="" class="top-link">考生及家长</a></li>
                <li class=""><a href="" class="top-link">社会访客</a></li>

            </ul>
        </div>
        <div class="header-right">
            <ul>
                <li class=""><a href="" class="top-link">首页</a></li>
                <li class=""><a href="" class="top-link">信息门户</a></li>
                <li class=""><a href="" class="top-link">怀旧版</a></li>
                <li class=""><a href="" class="top-link">English</a></li>
                <li class=""><a href="" class="top-link">搜索</a></li>
            </ul>
        </div>
    </nav>
    <div class="page-header">
        <img src="http://www.swun.edu.cn/images/1111.png" alt="logo" class="logo">
    </div>
</header>
<!--导航栏-->
<nav class="container">
    <ul class="row nav nav-tabs nav-justified">
        <li role="presentation" class="col-md-1 dropdown" id="school">
            <a class="dropdown-toggle" data-toggle="dropdown" href="#" role="button" aria-haspopup="true"
               aria-expanded="false">
                学校概况
            </a>
            <ul class="dropdown-menu" id="drop-school">
                <li><a href="">学校简介</a></li>
                <li><a href="">历史沿革</a></li>
                <li><a href="">现任领导</a></li>
                <li><a href="">校训校徽校歌</a></li>
                <li><a href="">校园风光</a></li>
            </ul>
        </li>
        <li role="presentation" class="col-md-1 dropdown" id="setting">
            <a class="dropdown-toggle" data-toggle="dropdown" href="#" role="button" aria-haspopup="true"
               aria-expanded="false">
                机构设置
            </a>
            <ul class="dropdown-menu" id="drop-setting">
                <li><a href="">职能部门</a></li>
                <li><a href="">教学单位</a></li>
                <li><a href="">教辅单位</a></li>
            </ul>
        </li>
        <li role="presentation" class="col-md-1 dropdown" id="news">
            <a class="dropdown-toggle" data-toggle="dropdown" href="#" role="button" aria-haspopup="true"
               aria-expanded="false">
                新闻资讯
            </a>
            <ul class="dropdown-menu" id="drop-news">
                <li><a href="">新闻网</a></li>
                <li><a href="">校报</a></li>
                <li><a href="">教育电视台</a></li>
            </ul>
        </li>
        <li role="presentation" class="col-md-1 dropdown" id="group">
            <a class="dropdown-toggle" data-toggle="dropdown" href="#" role="button" aria-haspopup="true"
               aria-expanded="false">
                人才队伍
            </a>
            <ul class="dropdown-menu" id="drop-group">
                <li><a href="">师资队伍</a></li>
                <li><a href="">专家队伍</a></li>
                <li><a href="">中青年英才</a></li>
            </ul>
        </li>
        <li role="presentation" class="col-md-1 dropdown" id="subject">
            <a class="dropdown-toggle" data-toggle="dropdown" href="#" role="button" aria-haspopup="true"
               aria-expanded="false">
                学科建设
            </a>
            <ul class="dropdown-menu" id="drop-subject">
                <li><a href="">学位点建设</a></li>
                <li><a href="">本科专业建设</a></li>
                <li><a href="">学科团队建设</a></li>
            </ul>
        </li>
        <li role="presentation" class="col-md-1 dropdown" id="education">
            <a class="dropdown-toggle" data-toggle="dropdown" href="#" role="button" aria-haspopup="true"
               aria-expanded="false">
                教育教学
            </a>
            <ul class="dropdown-menu" id="drop-education">
                <li><a href="">本科生教育</a></li>
                <li><a href="">研究生教育</a></li>
                <li><a href="">预科生教育</a></li>
                <li><a href="">留学生教育</a></li>
            </ul>
        </li>
        <li role="presentation" class="col-md-1 dropdown" id="research">
            <a class="dropdown-toggle" data-toggle="dropdown" href="#" role="button" aria-haspopup="true"
               aria-expanded="false">
                学科研究
            </a>
            <ul class="dropdown-menu" id="drop-research">
                <li><a href="">科研平台</a></li>
                <li><a href="">期刊社</a></li>
                <li><a href="">学术看板</a></li>
            </ul>
        </li>
        <li role="presentation" class="col-md-1 dropdown" id="build">
            <a class="dropdown-toggle" data-toggle="dropdown" href="#" role="button" aria-haspopup="true"
               aria-expanded="false">
                两翼建设
            </a>
            <ul class="dropdown-menu" id="drop-build">
                <li><a href="">协同创新中心</a></li>
                <li><a href="">青藏高原基地</a></li>
                <li><a href="">民族文化基地</a></li>
            </ul>
        </li>
        <li role="presentation" class="col-md-1 dropdown" id="cooperation">
            <a class="dropdown-toggle" data-toggle="dropdown" href="#" role="button" aria-haspopup="true"
               aria-expanded="false">
                交流合作
            </a>
            <ul class="dropdown-menu" id="drop-cooperation">
                <li><a href="">国际交流与合作</a></li>
                <li><a href="">校地合作</a></li>
                <li><a href="">校友总会</a></li>
                <li><a href="">教育基金会</a></li>
            </ul>
        </li>
        <li role="presentation" class="col-md-1 dropdown" id="student">
            <a class="dropdown-toggle" data-toggle="dropdown" href="#" role="button" aria-haspopup="true"
               aria-expanded="false">
                招生就业
            </a>
            <ul class="dropdown-menu" id="drop-student">
                <li><a href="">招生就业网</a></li>
                <li><a href="">迎新网站</a></li>
            </ul>
        </li>
        <li role="presentation" class="col-md-1 dropdown" id="culture">
            <a class="dropdown-toggle" data-toggle="dropdown" href="#" role="button" aria-haspopup="true"
               aria-expanded="false">
                校园文化
            </a>
            <ul class="dropdown-menu" id="drop-culture">
                <li><a href="">校园社区</a></li>
                <li><a href="">民族团结专题网</a></li>
            </ul>
        </li>
        <li role="presentation" class="col-md-1 dropdown" id="information">
            <a class="dropdown-toggle" data-toggle="dropdown" href="#" role="button" aria-haspopup="true"
               aria-expanded="false">
                信息服务
            </a>
            <ul class="dropdown-menu" id="drop-information">
                <li><a href="">信息公开</a></li>
                <li><a href="">办公系统</a></li>
                <li><a href="">人事系统</a></li>
                <li><a href="">教务系统</a></li>
                <li><a href="">学工系统</a></li>
                <li><a href="">科研系统</a></li>
                <li><a href="">财务系统</a></li>
                <li><a href="">图书馆系统</a></li>
                <li><a href="">校园一卡通</a></li>
            </ul>
        </li>
    </ul>
</nav>
<!--轮播图-->
<section class="slides">
    <div id="carousel-generic" class="carousel slide" data-ride="carousel">
        <!-- 下标 -->
        <ol class="carousel-indicators">
            <li data-target="#carousel-generic" data-slide-to="0" class="active"></li>
            <li data-target="#carousel-generic" data-slide-to="1"></li>
            <li data-target="#carousel-generic" data-slide-to="2"></li>
        </ol>
        <!-- 轮播图片 -->
        <div class="carousel-inner" role="listbox">
            <div class="item active">
                <img src="http://www.swun.edu.cn/_mediafile/zhuzhan/2019/04/30/65zvdbura7.jpg" >

            </div>
            <div class="item">
                <img src="http://www.swun.edu.cn/_mediafile/zhuzhan/2019/05/07/56q1m8629j.png" >

            </div>
            <div class="item">
                <img src="http://www.swun.edu.cn/_mediafile/zhuzhan/2019/04/24/39xwhz1ct9.jpg" >
            </div>
        </div>
        <!-- 控制 -->
        <a class="left carousel-control" href="#carousel-generic" role="button" data-slide="prev">
            <span class="glyphicon glyphicon-chevron-left" aria-hidden="true"></span>
            <span class="sr-only">Previous</span>
        </a>
        <a class="right carousel-control" href="#carousel-generic" role="button" data-slide="next">
            <span class="glyphicon glyphicon-chevron-right" aria-hidden="true"></span>
            <span class="sr-only">Next</span>
        </a>
    </div>
</section>
<!--公告通知-->
<section class="table-container container">
    <div class="row">
        <div class="col-md-2"></div>
        <div class="col-md-4">
            <div class="list-group">
                <a href="#" class="list-group-item">
                    <div class="row table-row">
                        <div class="col-md-4 notice tag" id="tongzhi">通知公告</div>
                        <div class="col-md-4 notice" id="caizhao">采招资讯</div>
                        <div class="col-md-4 notice" id="gaoxiao">高校动态</div>
                    </div>
                </a>
                <div class="list-1-1">
                    <a href="#" class="list-group-item">04/25  西南民族大学关于2019年劳动节放假安排的通知</a>
                    <a href="#" class="list-group-item">04/25  西南民族大学关于2019年劳动节放假安排的通知</a>
                    <a href="#" class="list-group-item">04/24  关于劳动节放假期间学校交通车运行时刻调整的通知</a>
                    <a href="#" class="list-group-item">04/23  西南民族大学幼儿园2019年招生通知</a>
                    <a href="#" class="list-group-item">04/04  西南民族大学关于2019春季运动会期间交通车运行时刻调整的通知</a>
                </div>
                <div class="list-1-2" style="display: none">
                    <a href="#" class="list-group-item">05/08 西南民族大学航空港校区室内运动中心跟踪审计服务项目成交公告</a>
                    <a href="#" class="list-group-item">05/08 西南民族大学电气信息工程学院嵌入式教学科研平台等设备采购项目公开招标公告</a>
                    <a href="#" class="list-group-item">05/06 西南民族大学航空港校区学生宿舍方案设计、可行性研究及项目建议书编制采购项目竞争性磋商</a>
                    <a href="#" class="list-group-item">05/06 西南民族大学交通车租赁服务政府采购项目公开招标公告</a>
                    <a href="#" class="list-group-item">05/05 西南民族大学教材采购项目公开招标公告</a>
                </div>
                <div class="list-1-3" style="display: none">
                    <a href="#" class="list-group-item">05/07 2019年全国普通高校招生考试安全工作电视电话会议召开</a>
                    <a href="#" class="list-group-item">05/07 深刻把握立德树人根本任务的方向与时代内涵</a>
                    <a href="#" class="list-group-item">05/07 教育部印发高校思政课教师队伍培养规划——“新时代高校思政课建设创优行动”系列举措之一</a>
                    <a href="#" class="list-group-item">05/06 中共教育部党组关于教育系统认真学习贯彻习近平总书记在纪念五四运动100周年大会上重要讲话精神的通知</a>
                    <a href="#" class="list-group-item">04/30 中共教育部党组印发《关于贯彻落实 〈2018—2022年全国干部教育培训规划〉 的实施意见》的通知</a>
                </div>
            </div>
        </div>
        <div class="col-md-4">
            <div class="list-group">
                <a href="#" class="list-group-item">
                    <div class="row table-row">
                        <div class="col-md-3 notice tag" id="xinwen">新闻快览</div>
                        <div class="col-md-3 notice" id="qingqing">菁菁校园</div>
                        <div class="col-md-3 notice" id="meiti">媒体民大</div>
                        <div class="col-md-3 notice" id="lilun">理论学习</div>
                    </div>
                </a>
                <div class="list-2-1">
                    <a href="#" class="list-group-item">05/08 我校召开2019年专业学位研究生实践技能课程建设项目评审会</a>
                    <a href="#" class="list-group-item">05/06 “河北省领导干部民族工作专题研讨班”在我校开班</a>
                    <a href="#" class="list-group-item">05/06 【青春心向党 建功新时代】我校召开学习贯彻习近平总书记在纪念五四运动100周年大会上的重要讲话精神座谈会</a>
                    <a href="#" class="list-group-item">05/06 我校七位教师获国家公派访问学者、博士后项目录取</a>
                    <a href="#" class="list-group-item">05/06 【“以本为本”院长谈】赵志刚：以本为本 立德树人 建设一流本科教育</a>
                </div>
                <div class="list-2-2" style="display: none">
                    <a href="#" class="list-group-item">05/08 化环学院学习习近平总书记为第五批全国干部学习培训教材所作《序言》精神</a>
                    <a href="#" class="list-group-item">05/08 社心学院分党委组织教职工赴大邑县黑籽儿教育服务集团开展党建活动</a>
                    <a href="#" class="list-group-item">05/08 经济学院召开2016级考研动员大会</a>
                    <a href="#" class="list-group-item">05/06 “四川省金堂监狱民警综合素质提升培训班”在我校开班</a>
                    <a href="#" class="list-group-item">05/06 【青春心向党 建功新时代】西南民族研究院组织纪念五四运动100周年系列活动</a>
                </div>
                <div class="list-2-3" style="display: none">
                    <a href="#" class="list-group-item">05/07 【中国民族报】西南民大城市规划与建筑学院：巾帼匠才，撑起民族高校建筑教育一片天</a>
                    <a href="#" class="list-group-item">04/30 【四川电视台新闻中心·四川观察】报告总书记 您的嘱托四川青年学子收到了！</a>
                    <a href="#" class="list-group-item">04/30 【四川教育网】我省各高校干部师生热议习近平总书记在纪念五四运动100周年大会上的重要讲话</a>
                    <a href="#" class="list-group-item">04/30 【四川省教育厅】我省各高校干部师生热议习近平总书记在纪念五四运动100周年大会上的重要讲话</a>
                    <a href="#" class="list-group-item">04/30 【四川新闻网】发扬五四精神 新时代四川青年将这么做！</a>
                </div>
                <div class="list-2-4" style="display: none">
                    <a href="#" class="list-group-item">05/08 李克强：在国务院第二次廉政工作会议上的讲话</a>
                    <a href="#" class="list-group-item">05/08 中办国办印发法治政府建设与责任落实督察工作规定</a>
                    <a href="#" class="list-group-item">05/07 做好新时代学校美育工作</a>
                    <a href="#" class="list-group-item">05/07 建设一支政治强情怀深 思维新视野广 自律严人格正的高校思想政治理论课教师队伍</a>
                    <a href="#" class="list-group-item">05/06 关心青年成长，支持青年发展——五论学习贯彻习近平总书记在纪念五四运动100周年大会重要讲话精神</a>
                </div>
            </div>
        </div>
        <div class="col-md-2"></div>
    </div>
</section>
<!--快捷通道-->
<section class="container">
    <div class="row">
        <h5 class="tag-title"><b>快捷通道</b></h5>
        <div class="col-md-3">
            <a href="#" class="thumbnail">
                <img src="http://www.swun.edu.cn/images/201507100.jpg" alt="...">
            </a>
        </div>
        <div class="col-md-3">
            <a href="#" class="thumbnail">
                <img src="http://www.swun.edu.cn/images/jbsjk.jpg" alt="...">
            </a>
        </div>
        <div class="col-md-3">
            <a href="#" class="thumbnail">
                <img src="http://www.swun.edu.cn/ggzypt.jpg" alt="...">
            </a>
        </div>
        <div class="col-md-3">
            <a href="#" class="thumbnail">
                <img src="http://www.swun.edu.cn/tszynew.jpg" alt="...">
            </a>
        </div>
    </div>
</section>
<!--相关链接-->
<section class="link container">
    <div class="row">
        <h5 class="tag-title"><b>相关链接</b></h5>
        <div class="col-md-1">
            <a href="#">中国政府网</a>
        </div>
        <div class="col-md-2">
            <a href="#">国家民族事务委员会</a>
        </div>
        <div class="col-md-1">
            <a href="#">教育部</a>
        </div>
        <div class="col-md-2">
            <a href="#">四川省人民政府</a>
        </div>
        <div class="col-md-2">
            <a href="#">成都市人民政府</a>
        </div>
        <div class="col-md-2">
            <a href="#">四川省教育厅</a>
        </div>
        <div class="col-md-1">
            <div class="dropup" id="dropup-school">
                <a class="dropdown-toggle" type="button" id="dropdownMenu1" data-toggle="dropdown" aria-haspopup="true"
                   aria-expanded="false">
                    其他高校
                    <span class="caret"></span>
                </a>
                <ul class="dropdown-menu" id="dropdown-1" aria-labelledby="dropdownMenu2">
                    <li><a href="#">中央民族大学</a></li>
                    <li><a href="#">中南民族大学</a></li>
                    <li><a href="#">西北民族大学</a></li>
                    <li><a href="#">北方民族大学</a></li>
                    <li><a href="#">大连民族大学</a></li>
                    <li><a href="#">云南民族大学</a></li>
                    <li><a href="#">贵州民族大学</a></li>
                    <li><a href="#">广西民族大学</a></li>
                    <li><a href="#">大连民族大学</a></li>
                    <li><a href="#">四川大学</a></li>
                    <li><a href="#">西南交通大学</a></li>
                    <li><a href="#">电子科技大学</a></li>
                    <li><a href="#">西南财经大学</a></li>
                </ul>
            </div>
        </div>
        <div class="col-md-1" id="intramural-links">
            <div class="dropup" id="dropup-inner">
                <a class="dropdown-toggle" type="button" id="dropdownMenu2" data-toggle="dropdown" aria-haspopup="true"
                   aria-expanded="false">
                    校内链接
                    <span class="caret"></span>
                </a>
                <ul class="dropdown-menu" id="dropdown-2" aria-labelledby="dropdownMenu2">
                    <li><a href="#">校外访问通道</a></li>
                </ul>
            </div>
        </div>
    </div>
</section>
<!--底部-->
<footer class="bottom">
    <span><small>武侯校区地址：四川省成都市一环路南四段16号(610041)&nbsp;&nbsp;&nbsp;&nbsp;航空港校区地址：双流区航空港开发区大件路文星段168号(610225)</small></span><br>
    <span><small>Copyright &copy; 2019 By zqy</small></span>
</footer>
<script src="https://cdn.jsdelivr.net/npm/jquery@1.12.4/dist/jquery.min.js"></script>
<script src="https://cdn.jsdelivr.net/npm/bootstrap@3.3.7/dist/js/bootstrap.min.js"></script>
<script>
    $(document).ready(function () {
        // 导航下拉列表
        $('#school').mouseenter(function () {
            $('#drop-school').slideDown();
        });
        $('#school').mouseleave(function () {
            $('#drop-school').slideUp();
        });
        $('#setting').mouseenter(function () {
            $('#drop-setting').slideDown();
        });
        $('#setting').mouseleave(function () {
            $('#drop-setting').slideUp();
        });
        $('#news').mouseenter(function () {
            $('#drop-news').slideDown();
        });
        $('#news').mouseleave(function () {
            $('#drop-news').slideUp();
        });
        $('#group').mouseenter(function () {
            $('#drop-group').slideDown();
        });
        $('#group').mouseleave(function () {
            $('#drop-group').slideUp();
        });
        $('#subject').mouseenter(function () {
            $('#drop-subject').slideDown();
        });
        $('#subject').mouseleave(function () {
            $('#drop-subject').slideUp();
        });
        $('#education').mouseenter(function () {
            $('#drop-education').slideDown();
        });
        $('#education').mouseleave(function () {
            $('#drop-education').slideUp();
        });
        $('#research').mouseenter(function () {
            $('#drop-research').slideDown();
        });
        $('#research').mouseleave(function () {
            $('#drop-research').slideUp();
        });
        $('#build').mouseenter(function () {
            $('#drop-build').slideDown();
        });
        $('#build').mouseleave(function () {
            $('#drop-build').slideUp();
        });
        $('#cooperation').mouseenter(function () {
            $('#drop-cooperation').slideDown();
        });
        $('#cooperation').mouseleave(function () {
            $('#drop-cooperation').slideUp();
        });
        $('#student').mouseenter(function () {
            $('#drop-student').slideDown();
        });
        $('#student').mouseleave(function () {
            $('#drop-student').slideUp();
        });
        $('#culture').mouseenter(function () {
            $('#drop-culture').slideDown();
        });
        $('#culture').mouseleave(function () {
            $('#drop-culture').slideUp();
        });
        $('#information').mouseenter(function () {
            $('#drop-information').slideDown();
        });
        $('#information').mouseleave(function () {
            $('#drop-information').slideUp();
        });
        // 其他高校下拉列表
        $('#dropup-school').mouseenter(function () {
            $('#dropdown-1').slideDown();
        });
        $('#dropup-school').mouseleave(function () {
            $('#dropdown-1').slideUp();
        });
        // 校内链接下拉列表
        $('#dropup-inner').mouseenter(function () {
            $('#dropdown-2').slideDown();
        });
        $('#dropup-inner').mouseleave(function () {
            $('#dropdown-2').slideUp();
        });
        // 通知列表
        $('#tongzhi').mouseenter(function () {
            $('.list-1-1').css('display', 'block');
            $('.list-1-2').css('display', 'none');
            $('.list-1-3').css('display', 'none');
            $('#tongzhi').addClass('tag');
            $('#caizhao').removeClass('tag');
            $('#gaoxiao').removeClass('tag');
        });
        $('#caizhao').mouseenter(function () {
            $('.list-1-1').css('display', 'none');
            $('.list-1-2').css('display', 'block');
            $('.list-1-3').css('display', 'none');
            $('#tongzhi').removeClass('tag');
            $('#caizhao').addClass('tag');
            $('#gaoxiao').removeClass('tag');
        });
        $('#gaoxiao').mouseenter(function () {
            $('.list-1-1').css('display', 'none');
            $('.list-1-2').css('display', 'none');
            $('.list-1-3').css('display', 'block');
            $('#tongzhi').removeClass('tag');
            $('#caizhao').removeClass('tag');
            $('#gaoxiao').addClass('tag');
        });
        $('#xinwen').mouseenter(function () {
            $('.list-2-1').css('display', 'block');
            $('.list-2-2').css('display', 'none');
            $('.list-2-3').css('display', 'none');
            $('.list-2-4').css('display', 'none');
            $('#xinwen').addClass('tag');
            $('#qingqing').removeClass('tag');
            $('#meiti').removeClass('tag');
            $('#lilun').removeClass('tag');
        });
        $('#qingqing').mouseenter(function () {
            $('.list-2-1').css('display', 'none');
            $('.list-2-2').css('display', 'block');
            $('.list-2-3').css('display', 'none');
            $('.list-2-4').css('display', 'none');
            $('#xinwen').removeClass('tag');
            $('#qingqing').addClass('tag');
            $('#meiti').removeClass('tag');
            $('#lilun').removeClass('tag');
        });
        $('#meiti').mouseenter(function () {
            $('.list-2-1').css('display', 'none');
            $('.list-2-2').css('display', 'none');
            $('.list-2-3').css('display', 'block');
            $('.list-2-4').css('display', 'none');
            $('#xinwen').removeClass('tag');
            $('#qingqing').removeClass('tag');
            $('#meiti').addClass('tag');
            $('#lilun').removeClass('tag');
        });
        $('#lilun').mouseenter(function () {
            $('.list-2-1').css('display', 'none');
            $('.list-2-2').css('display', 'none');
            $('.list-2-3').css('display', 'none');
            $('.list-2-4').css('display', 'block');
            $('#xinwen').removeClass('tag');
            $('#qingqing').removeClass('tag');
            $('#meiti').removeClass('tag');
            $('#lilun').addClass('tag');
        });
        $('#xueshu').mouseenter(function () {
            $('.list-3-1').css('display', 'block');
            $('.list-3-2').css('display', 'none');
            $('.list-3-3').css('display', 'none');
            $('#xueshu').addClass('tag');
            $('#jiaoxue').removeClass('tag');
            $('#chuangxin').removeClass('tag');
        });
        $('#jiaoxue').mouseenter(function () {
            $('.list-3-1').css('display', 'none');
            $('.list-3-2').css('display', 'block');
            $('.list-3-3').css('display', 'none');
            $('#xueshu').removeClass('tag');
            $('#jiaoxue').addClass('tag');
            $('#chuangxin').removeClass('tag');
        });
        $('#chuangxin').mouseenter(function () {
            $('.list-3-1').css('display', 'none');
            $('.list-3-2').css('display', 'none');
            $('.list-3-3').css('display', 'block');
            $('#xueshu').removeClass('tag');
            $('#jiaoxue').removeClass('tag');
            $('#chuangxin').addClass('tag');
        });
    })
</script>
</body>
</html>
